<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户模块-订单管理-订单列表</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/orderManage/orderForm.css">
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/followPlanManager/followPlanInfo.css"/>

    <link rel="stylesheet" href="/js/need/verfont.css" />
    <link rel="stylesheet" href="/js/need/select.2.0.css" />
    <link rel="stylesheet" href="/css/tableAll.css">
<!--    <link rel="stylesheet" href="/css/cluePoolManager/cluePoolDetail.css"/>-->
</head>
<body>
<div>
    <div class="container-fluid p-t-15">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h1>订单列表</h1>
                    </div>
                    <div class="card-body">
<!--                        style="padding: 30px 30px 6px; border-radius: 12px;background-color: #fdfeff;border: 1px solid #e3e3e3;"-->
                        <div >
                            <div class="row content-action" style="margin-bottom: 0">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <input type="hidden" id="tabNumber" name="tabNumber" value="0">
                                    <ul class="new-tabs">
                                        <!-- 全部 会员产品合同 非会员产品合同-->
                                        <li class="nav-item active">
                                            <a href="#" data-toggle="tab" aria-expanded="false" id="allTab" onclick="changeTableModel('allProductOrder')">全部订单</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#" data-toggle="tab" aria-expanded="false" id="memberContractTab" onclick="changeTableModel('memberProductOrder')">会员产品订单</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#" data-toggle="tab" aria-expanded="false" id="noMember" onclick="changeTableModel('nonMemberProductOrder')">非会员产品订单</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="selector-box" id="contractType" style="padding: 0px;margin-bottom: 15px;display: none;">
                                <dl style="padding: 0px 0 0px 65px;">
                                    <dt style="padding: 0px 0 0px 5px;top: 5px;">选择类型：</dt>
                                    <dd style="padding-left: 10px"><a href="JavaScript:void(0);" class="active" onclick="searchOrderList(3,'')">不限</a></dd>
                                    <dd><a href="JavaScript:void(0);" onclick="searchOrderList(3,'2')">新单</a></dd>
                                    <dd><a href="JavaScript:void(0);" onclick="searchOrderList(3,'4')">续费</a></dd>
                                </dl>
                            </div>
                        </div>
                        <div>
                            <div class="row content-action" style="margin-bottom: 0px;">
<!--                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">-->
<!--                                    -->
<!--                                </div>-->
                                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                    <!-- 全部 上月 本周 本月 本年 -->
                                    <div class="time-search pull-left">
                                        <input type="hidden" id="dateType" name="dateType"/>
                                        <div class="all active-second" onclick="selectTime('all')">全部</div>
                                        <div class="lastMonth"  onclick="selectTime('lastMonth')">上月</div>
                                        <div class="week"  onclick="selectTime('week')">本周</div>
                                        <div class="month" onclick="selectTime('month')">本月</div>
                                        <div class="year" onclick="selectTime('year')">本年</div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                    <div class="" style="display: flex;justify-content: flex-end;">
                                        <button class="btn btn-default btn-senior" data-toggle="collapse"
                                                data-target="#filterContent" aria-expanded="false"
                                                aria-controls="filterContent" onclick="filterSearch()">
                                            <i class="mdi mdi-sort-variant"></i>高级筛选
                                        </button>
                                        <div class="form-group col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                            <div class="form-content input-group">
                                                <input type="text" id="orderCompleteTmStartMin" class="form-control date-input"
                                                       placeholder="起始时间" autocomplete="off" onchange="searchOrderList(1)">
                                                <span class="input-group-addon">至</span>
                                                <input type="text" id="orderCompleteTmEndMin" class="form-control date-input"
                                                       placeholder="截止时间" autocomplete="off" onchange="searchOrderList(1)">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12" style="width:114px; ">
                                            <div class="">
                                                <div class="dropdown check-menus ">
                                                    <div class="row">
                                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu" data-toggle="dropdown" aria-expanded="true" style="margin-left: 0px;"> 显示更多列 <span class="caret"></span> </button>
                                                        <ul class="dropdown-menu pre-scrollable dropdown-center" aria-labelledby="dropdownMenu">
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('customerName',this)"/><span>  客户名称</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('contactPerson',this)"/><span>  客户联系人</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('orderStatus',this)"/><span>  订单状态</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('royaltyStatus',this)"/><span>  提成发放</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('orderNumber',this)"/><span>  订单编号</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('createTm',this)"/><span>  创建时间</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderType',this)"/><span>  订单类型</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderPaymentWay',this)"/><span>  支付方式</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderDiscountTotalAmount',this)"/><span>  订单优惠总金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderActualTotalAmount',this)"/><span>  订单实际总金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderTotalAmount',this)"/><span>  订单总金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('paidBackAmount',this)"/><span>  已回款金额合计</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderSurcharge',this)"/><span>  附加费用</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderSurchargeRemark',this)"/><span>  附加费用备注</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('bindMobilePhoneNumber',this)"/><span>  客户联系方式</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('customerEmail',this)"/><span>  客户邮箱</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('whetherCoDevelopment',this)"/><span>  是否合作开发</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('whetherAllPayment',this)"/><span>  是否全部到款</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('paidBackStatus',this)"/><span>  回款状态</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('whetherSuspend',this)"/><span>  是否挂起</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractNumber',this)"/><span>  合同编号</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('orderCompleteTm',this)"/><span>  订单完成时间</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('operate',this)"/><span>  操作</span></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="" style="padding-right: 0">
                                            <div class="">
                                                <select name="paidBackStatusMultiple" multiple="multiple" id="paidBackStatusMultiple"
                                                        class="form-control" onchange="searchOrderList(1)">
                                                    <!--<option value="">全部</option>-->
                                                    <option value="1">等待回款</option>
                                                    <option value="2">已完成</option>
                                                    <option value="3">作废</option>
                                                    <option value="4">部分回款</option>
                                                    <option value="5">预回款</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!--<button type="button" class="btn btn-label btn-primary" onclick="showImportOrderModal()">
                                            <label><i class="mdi mdi-folder-upload"></i></label>导入
                                        </button>
                                        <button type="button" class="btn btn-primary" onclick="openLogPage()">
                                            失败日志
                                        </button>-->
                                    </div>
                                </div>
                            </div>
                            <div class="collapse filter-content" id="filterContent">
                                <div class="row">
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="orderNumberSearch">
                                        <label for="orderNumber">订单编号</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入订单编号"
                                                   id="orderNumber" name="orderNumber">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="contractNumberSearch">
                                        <label for="contractNumber">合同编号</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入合同编号"
                                                   id="contractNumber" name="contractNumber">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="customerNameSearch">
                                        <label for="customerName">客户名称</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入客户名称"
                                                   id="customerName" name="customerName" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="contactPersonSearch">
                                        <label for="contactPerson">客户联系人</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入客户联系人"
                                                   id="contactPerson" name="contactPerson">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="bindMobilePhoneNumberSearch">
                                        <label for="bindMobilePhoneNumber">客户联系方式</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入客户联系方式"
                                                   id="bindMobilePhoneNumber" name="bindMobilePhoneNumber">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="orderDiscountTotalAmountSearch">
                                        <label class="control-label" for="orderDiscountTotalAmountStart">订单优惠总金额</label>
                                        <div class="form-content input-group">
                                            <input type="text" id="orderDiscountTotalAmountStart" class="form-control"
                                                   placeholder="请输入起始金额" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                            <span class="input-group-addon">至</span>
                                            <input type="text" id="orderDiscountTotalAmountEnd" class="form-control"
                                                   placeholder="请输入截止金额" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="orderTotalAmountSearch">
                                        <label class="control-label" for="orderTotalAmountStart">订单成交金额</label>
                                        <div class="form-content input-group">
                                            <input type="text" id="orderTotalAmountStart" class="form-control"
                                                   placeholder="起始金额" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                            <span class="input-group-addon">至</span>
                                            <input type="text" id="orderTotalAmountEnd" class="form-control"
                                                   placeholder="截止金额" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="whetherCoDevelopmentSearch">
                                        <label for="whetherCoDevelopment">是否合作开发</label>
                                        <div>
                                            <select name="whetherCoDevelopment" id="whetherCoDevelopment" class="form-control">
                                                <option value="">不限</option>
                                                <option value="1">是</option>
                                                <option value="2">否</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12" id="createTmSearch">
                                        <label class="control-label" for="createTmStart">订单创建时间</label>
                                        <div class="form-content input-group">
                                            <input type="text" id="createTmStart" class="form-control date-input"
                                                   placeholder="起始时间" autocomplete="off">
                                            <span class="input-group-addon">至</span>
                                            <input type="text" id="createTmEnd" class="form-control date-input"
                                                   placeholder="截止时间" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12" id="orderCompleteTmSearch">
                                        <label class="control-label" for="orderCompleteTmStart">订单完成时间</label>
                                        <div class="form-content input-group">
                                            <input type="text" id="orderCompleteTmStart" class="form-control date-input"
                                                   placeholder="起始时间" autocomplete="off">
                                            <span class="input-group-addon">至</span>
                                            <input type="text" id="orderCompleteTmEnd" class="form-control date-input"
                                                   placeholder="截止时间" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 btn-box">
                                        <label>&nbsp;</label>
                                        <div class="text-right">
                                            <button class="btn btn-primary" type="button" onclick="searchOrderList(2)">
                                                <i class="mdi mdi-magnify"></i><span>搜索</span></button>
                                            <button class="btn btn-default" onclick="clearAllData()">重置</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table id="orderTableList"></table>
<!--                            <div class="row content-action money-cont" style="margin-bottom: 0px;">-->
<!--                                <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">-->
<!--                                    <div class="money" style="border-radius: 12px;background-color: #fdfeff;">-->
<!--                                        <div class="info" id="showAmount" style="display: none">-->
<!--                                            总计金额：<span class="num" id="orderTotalAmountTotal"></span>-->
<!--                                            <em></em>-->
<!--                                            提成金额：<span class="num" id="royaltyMoneyTotal"></span>-->
<!--                                        </div>-->
<!--                                        <div class="info" id="hideAmount">-->
<!--                                            总计金额：<span class="num" id="totalOrderAmount"></span>-->
<!--                                            <em></em>-->
<!--                                            提成金额：<span class="num" id="totalRoyaltyMoney"></span>-->
<!--                                        </div>-->
<!--                                        <img class="pwd-eye" id="pwd-eye" src="/images/login/password-hide.png" style="-->
<!--                                                 background-color:#fdfeff; display: inline;margin-right: 15px" data-flag="show" title="显示金额"-->
<!--                                             onclick="amountEye('pwd-eye','password')">-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--导入-->
<div class="modal fade" id="importOrderModal" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <input type="file" id="importOrderFile" name="importOrderFile">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="importOrderList()">导入</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="cancelImportOrderList()">取消</button>
            </div>
        </div>
    </div>
</div>
<!--退款-->
<div class="modal fade" id="refundModal" tabindex="-1" role="dialog" aria-labelledby="refundModal" >
    <div class="modal-dialog" role="document" style="width: 70%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h5 class="modal-title" id="refundLable">申请退款</h5>
            </div>
            <div class="modal-body">
                <p class="alert alert-warning">根据公司规定,退款时间可能延长,大概10-15个工作日完成,以实际退款情况为准</p>
                <table id="refundTable"></table>
                <div class="row" style="margin-top: 20px">

                    <div class="col-sm-9">
                        <div class="col-sm-12" style="margin: 20px 0" id="additionalFeesBox">
                            <input type="checkbox" name="additionalFeesCheck" onclick="isAdditional()" id="additionalFeesCheck"> 附加费用: <span id="additionalFees"> </span>
                        </div>

                        <div class="col-sm-4">
                            <label class="control-label label-required">申请退款金额</label>
                            <div class="form-content">
                                <input type="text" class="form-control" id="refundAmount" placeholder="请输入申请退款金额" />
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <label class="control-label">申请退款备注：</label>
                            <div class="form-content">
                                <textarea type="text" class="form-control" id="refundRemark" placeholder="请输入申请退款备注" maxlength="100"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="submitRefund()">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/orderManager/user/userOrderForm.js"></script>

</html>